.icon-with-number {
  vertical-align: top;
  cursor: pointer;
  flex: 1;
  display: flex;
  flex-direction: row;
  min-width: 0;

  .left-comp {
    display: inline-block;
    margin-right: 0.4rem;
    vertical-align: top;
    position: relative;
    width: fit-content;
  }

  .right-comp {
    display: inline-block;
    flex: 1;
    min-width: 0;
    margin-top: 8px;
    vertical-align: top;

    .icon-with-number-top {
      width: 100%;
      height: 32px;
      margin-bottom: 0.5rem;
      overflow: visible;
      font-size: 26px;
      font-family: YouSheBiaoTiHei;
      line-height: 32px;
      white-space: nowrap;
      // text-overflow: ellipsis;
    }

    .icon-with-number-bottom {
      display: inline-block;
      width: 100%;
      height: 14px;
      overflow: hidden;
      font-size: 14px;
      line-height: 14px;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
}